import 'package:flutter/material.dart';

class TabView3 extends StatefulWidget {
  const TabView3({super.key});

  @override
  State<TabView3> createState() => _TabView3State();
}

class _TabView3State extends State<TabView3> {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Padding(
        padding: const EdgeInsets.only(top: 20.0, left: 20),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Column(
              children: [
                Container(
                  width: 30,
                  height: 30,
                  decoration: BoxDecoration(
                      shape: BoxShape.circle, border: Border.all()),
                ),
                Container(
                  width: 2,
                  height: 140,
                  color: Colors.black,
                ),
                Container(
                  width: 30,
                  height: 30,
                  padding: EdgeInsets.all(5),
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                    border: Border.all(),
                  ),
                  child: Container(
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
                      border: Border.all(),
                      color: Color(0xff04345F),
                    ),
                  ),
                ),
                Container(
                  width: 2,
                  height: 170,
                  color: Colors.black,
                ),
                Container(
                  width: 30,
                  height: 30,
                  decoration: BoxDecoration(
                      shape: BoxShape.circle, border: Border.all()),
                ),
                Container(
                  width: 2,
                  height: 158,
                  color: Colors.black,
                ),
                Container(
                  width: 30,
                  height: 30,
                  decoration: BoxDecoration(
                      shape: BoxShape.circle, border: Border.all()),
                ),
                Container(
                  width: 2,
                  height: 158,
                  color: Colors.black,
                ),
              ],
            ),
            SizedBox(
              width: 10,
            ),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  "10-15 September 2024",
                  style: TextStyle(
                    fontSize: 18,
                    color: Colors.black,
                  ),
                ),
                Text(
                  "WorldSkills Lyon 2024",
                  style: TextStyle(
                      fontSize: 20,
                      color: Color(0xff04345F),
                      fontWeight: FontWeight.bold),
                ),
                Row(
                  children: [
                    Image.asset(
                      'images/logo2019.png',
                      width: 140,
                      height: 100,
                    ),
                    Text(
                        "The47thWorldSkills\nCompetitionwill takeplace\n10-15September2024,\nfollowing thepostponement of\nthe46thWorldSkills\nCompetitioninShanghai,i,China\nbyoneyear dueto the\nCOVID-19pandemic.")
                  ],
                ),
                Text(
                  "WorldSkills Competition 2022 \nSpecial Edition",
                  style: TextStyle(
                      fontSize: 20,
                      color: Color(0xff04345F),
                      fontWeight: FontWeight.bold),
                ),
                Row(
                  children: [
                    Image.asset(
                      'images/logo2019.png',
                      width: 140,
                      height: 100,
                    ),
                    Text(
                        "The47thWorldSkills\nCompetitionwill takeplace\n10-15September2024,\nfollowing thepostponement of\nthe46thWorldSkills\nCompetitioninShanghai,i,China\nbyoneyear dueto the\nCOVID-19pandemic.")
                  ],
                ),
                SizedBox(
                  height: 20,
                ),
                Text(
                  "22-27 August 2019",
                  style: TextStyle(
                    fontSize: 16,
                    color: Colors.black,
                  ),
                ),
                Text(
                  "WorldSkills Kazan 2019",
                  style: TextStyle(
                      fontSize: 20,
                      color: Color(0xff04345F),
                      fontWeight: FontWeight.bold),
                ),
                Row(
                  children: [
                    Image.asset(
                      'images/logo2019.png',
                      width: 140,
                      height: 100,
                    ),
                    Text(
                        "The47thWorldSkills\nCompetitionwill takeplace\n10-15September2024,\nfollowing thepostponement of\nthe46thWorldSkills\nCompetitioninShanghai,i,China\nbyoneyear dueto the\nCOVID-19pandemic.")
                  ],
                ),
                SizedBox(
                  height: 20,
                ),
                Text(
                  "14-19 October 2017",
                  style: TextStyle(
                    fontSize: 16,
                    color: Colors.black,
                  ),
                ),
                Text(
                  "WorldSkills Abu Duabi 2017",
                  style: TextStyle(
                      fontSize: 20,
                      color: Color(0xff04345F),
                      fontWeight: FontWeight.bold),
                ),
                Row(
                  children: [
                    Image.asset(
                      'images/logo2019.png',
                      width: 140,
                      height: 100,
                    ),
                    Text(
                        "The47thWorldSkills\nCompetitionwill takeplace\n10-15September2024,\nfollowing thepostponement of\nthe46thWorldSkills\nCompetitioninShanghai,i,China\nbyoneyear dueto the\nCOVID-19pandemic.")
                  ],
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}
